<div class="pub-body">
  <el-row type="flex" class="row-bg" justify="space-between">
    <el-col :span="12">
      <!--      <el-button type="primary" @click="changeType(1)">负责人</el-button>-->
      <!--      <el-button type="primary" @click="changeType(2)">科长</el-button>-->
      <!--      <el-button type="primary" @click="changeType(3)">计划科</el-button>-->
    </el-col>
    <el-col :span="4"  v-show="type===1">
      <div>
        <el-button type="primary" @click="goChange()">新增</el-button>
      </div>
    </el-col>
  </el-row>
  <div class="pub-body">
    <el-form ref="personalFrom" :model="planInfo" label-width="200px" v-show="type===0">
      <h1  v-show="!flag">&nbsp;&nbsp;&nbsp;逾期申请</h1>
      <h1  v-show="flag">&nbsp;&nbsp;&nbsp;逾期处理方法</h1>
      <el-form-item prop="reasonItem" :required="true" label="新的時間">
        <el-date-picker
          v-model="planInfo.time"
          type="date"
          placeholder="选择日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item v-show="!flag" prop="reasonItem" :required="true" label="项目逾期原因">
        <el-input
          prop="reasonInput"
          style="width: 450px"
          type="textarea"
          :rows="3"
          placeholder="请输入详细说明"
          v-model="planInfo.reason">
        </el-input>
      </el-form-item>
      <el-form-item v-show="flag" prop="reasonItem" :required="true" label="项目处理方法">
        <el-input
          prop="reasonInput"
          style="width: 450px"
          type="textarea"
          :rows="3"
          placeholder="请输入详细说明"
          v-model="planInfo.reason">
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="sumbit()">提交逾期申请</el-button>
        <el-button @click="submitCancel()">取消</el-button>
      </el-form-item>
    </el-form>
    <div v-show="type===1 || type===3">
      <div class="project">
        <el-table :data="assetData" border style="width: 100%"
                  :header-cell-style="{background:'#eef1f6',color:'#606266'}">
          <el-table-column prop="contractNo" label="处理单号"></el-table-column>
          <el-table-column prop="startTime" label="上报时间"></el-table-column>
          <el-table-column prop="assetName" label="项目名称"></el-table-column>
          <el-table-column prop="problem" label="问题描述"></el-table-column>
          <el-table-column fixed="right" label="操作" width="320">
            <template slot-scope="scope">
              <el-button @click="dialogAsset1(scope.row)" type="primary" size="small">详情</el-button>
              <el-button @click="dialogAsset1(scope.row)" type="primary" size="small">催办</el-button>
              <el-button @click="dialogAsset1(scope.row)" type="primary" size="small">审批</el-button>
              <el-button @click="dialogAsset1(scope.row)" type="primary" size="small">撤回</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
<!--    <el-table :data="dealPlanList" border style="width: 100%"-->
<!--              :header-cell-style="{background:'#eef1f6',color:'#606266'}" v-show="type===2">-->
<!--      <el-table-column prop="dealNo" label="处理单号" width="200"></el-table-column>-->
<!--      <el-table-column prop="createTime" label="提交日期"></el-table-column>-->
<!--      <el-table-column prop="planDeal" label="计划名称"></el-table-column>-->
<!--      <el-table-column fixed="right" label="操作" width="280">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button @click="dialogAsset(scope.row)" type="primary" size="small">详情</el-button>-->
<!--          <el-button type="primary" size="small" @click="dealInfo(scope.row)">处理</el-button>-->
<!--          <el-button type="primary" size="small" @click="uploadInfoUp(scope.row)">上报</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
  </div>
  <el-dialog
    title="提示"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose">
    <span>这是一段信息</span>
    <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
  </el-dialog>
  <!-- 详情 -->
  <el-dialog width="1000px" :title="dialogAssetAdd.title" :visible.sync="dialogAssetAdd.status">
    <el-form>
      <el-row>
        <el-col :span="12">
          <el-form-item prop="assetName" label="处理单号">
            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产名称"
                      v-model="detail.number"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="提交日期" prop="assetType">
            <el-input :disabled="true" style="width: 300px;" placeholder="请输入资产名称"
                      v-model="detail.date"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item prop="planName" label="计划名称">
            <el-input :disabled="true" style="width: 300px;" placeholder="计划名称"
                      v-model="detail.planName"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
  <el-dialog width="1000px" :title="dialogAssetAdd1.title" :visible.sync="dialogAssetAdd1.status">
    <div v-show="!dealState">
      <el-form  v-if="type===1">
        <el-row v-for="yqDetail in yqDetailList">
          <el-col :span="8">
            <el-form-item prop="assetName" :label="yqDetail.planName+':'">
              <el-input :disabled="true" style="width: 150px;" placeholder="请输入项目名称"
                        v-model="yqDetail.planName"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="项目节点日期：" prop="assetType">
              <el-input :disabled="true" style="width: 150px;" placeholder="项目节点日期"
                        v-model="yqDetail.dataOld"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-button type="primary" @click="dealInfo">处理</el-button>
            <el-button type="success" @click="uploadInfoUp">上报</el-button>
          </el-col>
        </el-row>
      </el-form>
      <el-form  v-if="type===3">
        <el-row v-for="yqDetail in yqDetailList">
          <el-col :span="12">
            <el-form-item prop="assetName" :label="yqDetail.planName+':'">
              <el-input :disabled="true" style="width: 300px;" placeholder="请输入项目名称"
                        v-model="yqDetail.planName"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="项目节点日期：" prop="assetType">
              <el-input :disabled="true" style="width: 300px;" placeholder="项目节点日期"
                        v-model="yqDetail.dataOld"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div v-show="dealState">
     <span>请输入逾期理由：</span>
      <el-input
        prop="reasonInput"
        style="width: 450px"
        type="textarea"
        :rows="3"
        placeholder="请输入详细说明"
        v-model="planInfo.reason">
      </el-input>
      <el-row style="text-align:center;margin-top: 20px;">
        <el-button type="primary" @click="sumbit">提交</el-button>
        <el-button type="success" @click="submitCancel()">取消</el-button>
      </el-row>
    </div>
  </el-dialog>
</div>
